<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
	<div class="main-content" id="pageId" pageId="mysupplier">

        <div th:replace="manage/menu :: html"></div>

        <!-- main content start-->
		<div id="page-wrapper">
			<div class="main-page">
				<h2 class="title1">我的供应商</h2>
				<!--好友列表-->
				<div class="col-md-4">
					<div class="activity_box activity_box2">
						<h3>供应商列表 <input type="text" placeholder="输入查询" /></h3>
						<div class="scrollbar" id="style-2">
							<div class="activity-row">
								<div class="col-xs-3 activity-img"><img src="images/1.jpg" class="img-responsive" alt="" /></div>
								<div class="col-xs-7 activity-desc">
									<h5><a href="#" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">惠普国际</a></h5>
									<p>★★★☆☆</p>
								</div>
								<div class="col-xs-2 activity-desc1"><h6>上海</h6></div>
								<div class="clearfix"> </div>
							</div>
							<div class="activity-row">
								<div class="col-xs-3 activity-img"><img src="images/4.jpg" class="img-responsive" alt="" /></div>
								<div class="col-xs-7 activity-desc">
									<h5><a href="#" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">微软中国</a></h5>
									<p>★★★☆☆</p>
								</div>
								<div class="col-xs-2 activity-desc1"><h6>北京</h6></div>
								<div class="clearfix"> </div>
							</div>
							<div class="activity-row">
								<div class="col-xs-3 activity-img"><img src="images/3.jpg" class="img-responsive" alt="" /></div>
								<div class="col-xs-7 activity-desc">
									<h5><a href="#">王五</a></h5>
									<p>微软中国 15021708753</p>
								</div>
								<div class="col-xs-2 activity-desc1"><h6>销售经理</h6></div>
								<div class="clearfix"> </div>
							</div>
							<div class="activity-row">
								<div class="col-xs-3 activity-img"><img src="images/2.jpg" class="img-responsive" alt="" /></div>
								<div class="col-xs-7 activity-desc">
									<h5><a href="#">赵六</a></h5>
									<p>贝尔科技 15021708753</p>
								</div>
								<div class="col-xs-2 activity-desc1"><h6>销售</h6></div>
								<div class="clearfix"> </div>
							</div>
							<div class="activity-row">
								<div class="col-xs-3 activity-img"><img src="images/1.jpg" class="img-responsive" alt="" /></div>
								<div class="col-xs-7 activity-desc">
									<h5><a href="#">秦超</a></h5>
									<p>携程旅行网 15021708753</p>
								</div>
								<div class="col-xs-2 activity-desc1"><h6>开发</h6></div>
								<div class="clearfix"> </div>
							</div>
							<div class="activity-row">
								<div class="col-xs-3 activity-img"><img src="images/4.jpg" class="img-responsive" alt="" /></div>
								<div class="col-xs-7 activity-desc">
									<h5><a href="#">laura Smith</a></h5>
									<p>Hey ! There I'm available.</p>
								</div>
								<div class="col-xs-2 activity-desc1"><h6>PM</h6></div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>



	<!--弹出框-->
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
					<h3 class="modal-title" id="exampleModalLabel">惠普国际</h3>
				</div>
				<div class="modal-body">
					<form>

						<div class="form-group">
							<label  class="control-label">地址:</label>
							上海市长宁区金钟路968号
						</div>
						<div class="form-group">
							<label class="control-label">公司简介:</label>
							公司简介
						</div>

						<div class="form-group">
							<label class="control-label">网址:</label>
							http://www.baidu.com
						</div>

						<div class="form-group">
							<label class="control-label">退款政策:</label>
							退款政策
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>

	<!-- side nav js -->
	<script src='js/SidebarNav.min.js' type='text/javascript'></script>
	<script>
      $('.sidebar-menu').SidebarNav()
    </script>
	<!-- //side nav js -->
	
	<!-- Classie --><!-- for toggle left push menu script -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!-- //Classie --><!-- //for toggle left push menu script -->
	
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>
   
</body>
</html>